<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces/rich" prefix="af"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<f:subview id="sv">
    <af:panelGroupLayout id="pgl1" layout="vertical" halign="start">
        <f:verbatim>
          <head>
    <link rel="stylesheet" href="../extend/CodeMirror-2.23/lib/codemirror.css">
    <script type="text/javascript" src="../extend/CodeMirror-2.23/lib/codemirror.js"></script>
    <script type="text/javascript" src="../extend/CodeMirror-2.23/lib/util/simple-hint.js"></script>
    <link rel="stylesheet" href="../extend/CodeMirror-2.23/lib/util/simple-hint.css">
    <script type="text/javascript" src="../extend/CodeMirror-2.23/mode/javascript/javascript.js"></script>   
    <style type="text/css">
		.CodeMirror {
			border: 1px solid #ddd;
                        background: White;
		} 
		.CodeMirror-scroll { 
			height: 100% 
		}</style>
  </head>
  <body>

<form>
    <textarea id="code" name="code" cols=20 rows=30 disabled="disabled">
    
    
    </textarea>
</form>

    <script type="text/javascript">
      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        lineNumbers: true,
        readOnly: "nocursor",
        extraKeys: {"Ctrl-Space": function(cm) {CodeMirror.simpleHint(cm, CodeMirror.javascriptHint);}}
      });
    </script>
  </body>
        </f:verbatim>
    </af:panelGroupLayout>
</f:subview>